@charset "utf-8";



.content_box{ height:calc(100% - 76px - 2% - 5%); overflow: hidden; }
.content_box .left_box{ width: 15.6%; height:100%; float: left; background: url(../images/rgba2.png); border-radius:10px;overflow: hidden; }
.content_box .right_box{ width:calc(100% - 8px - 15.6%); height:100%; float: right; margin-left: 8px;}


#style-3::-webkit-scrollbar-track{ background:url(../images/rgba2.png); }
#style-3::-webkit-scrollbar{width: 3px; background-color: none;}
#style-3::-webkit-scrollbar-thumb{background:url(../images/rgba3.png);}


@keyframes jt_xz{
    from {transform: rotateZ(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
    to {transform: rotateZ(90deg);-webkit-transform: rotateZ(90deg);-o-transform: rotateZ(90deg);-moz-transform: rotateZ(90deg);}
}

@-moz-keyframes jt_xz {
    from {transform: rotateZ(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
    to {transform: rotateZ(90deg);-webkit-transform: rotateZ(90deg);-o-transform: rotateZ(90deg);-moz-transform: rotateZ(90deg);}
}

@-webkit-keyframes jt_xz {
    from {transform: rotateZ(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
    to {transform: rotateZ(90deg);-webkit-transform: rotateZ(90deg);-o-transform: rotateZ(90deg);-moz-transform: rotateZ(90deg);}
}

@-o-keyframes jt_xz{
    from {transform: rotateZ(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
    to {transform: rotateZ(90deg);-webkit-transform: rotateZ(90deg);-o-transform: rotateZ(90deg);-moz-transform: rotateZ(90deg);}
}
.content_box .left_box .menu ul li h2 em.xz01{
    animation:jt_xz01 .5s forwards;
    -moz-animation:jt_xz01 .5s forwards; /* Firefox */
    -webkit-animation:jt_xz01 .5s forwards; /* Safari and Chrome */
    -o-animation:jt_xz01 .5s forwards; /* Opera */
}
@keyframes jt_xz01{
    from {transform: rotateZ(90deg);-webkit-transform: rotateZ(90deg);-o-transform: rotateZ(90deg);-moz-transform: rotateZ(90deg);}
    to {transform: rotateZ(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
}

@-moz-keyframes jt_xz01 {
    from {transform: rotateZ(90deg);-webkit-transform: rotateZ(90deg);-o-transform: rotateZ(90deg);-moz-transform: rotateZ(90deg);}
    to {transform: rotateZ(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
}

@-webkit-keyframes jt_xz01 {
    from {transform: rotateZ(90deg);-webkit-transform: rotateZ(90deg);-o-transform: rotateZ(90deg);-moz-transform: rotateZ(90deg);}
    to {transform: rotateZ(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
}

@-o-keyframes jt_xz01{
    from {transform: rotateZ(90deg);-webkit-transform: rotateZ(90deg);-o-transform: rotateZ(90deg);-moz-transform: rotateZ(90deg);}
    to {transform: rotateZ(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
}

.boxList{
    height: 100%;
    position: relative;
    width: 85%;
}
.abc{
    border: 1px solid #a4b1c8;
}
.xpanel-wrapper {padding-bottom:10px;box-sizing:border-box;}
.xpanel .title {
	padding-left:24px;
	height:50px;
	line-height:50px;
	font-size:24px;
	font-weight:normal;
	color:#fff;
	background-image:url("../images/title-bg.png");
	background-repeat:no-repeat;
	background-size:100% 100%;
}
.content {
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	padding:25px 15px;
	height:100%;
	min-height:100%;
	box-sizing:border-box;
}

.title {
	padding-left:24px;
	height:25px;
	line-height:25px;
	font-size:15px;
	font-weight:normal;
	color:#fff;
	text-align: center;
}
.col {margin:0 10px;height:100%;}
.col-1 {height:100%;width:25%;}
.col-2 {width: 25%;}
.col-3 {width: 45%;}
@media screen and (max-width:1366px){
    .content_box .left_box .head dl{ font-size: 12px; }
    .right_box .icon_box ul li span,.right_box .icon_box>a span{ font-size:14px; }
    .top_box .logo{ height:60px; background-size:174px; }
    .top_box .logo>img{ width: 80px; }
    .top_box .logo span{height:66px; width: 400px; background-size: 100%; }
    .top_box .top_icon a img{ width: 36px; }
    .content_box{ height:calc(100% - 60px - 2% - 5%); overflow: hidden; }
    .content_box .left_box .menu{ max-height: 71%; }
    .content_box .left_box .menu ul li h2 a{ font-size:14px; }
    .content_box .left_box .menu ul li dl dd a{ font-size: 12px; }
}
@media screen and (max-width:1000px){
    .content_box .left_box .head {text-align: center;}
    .content_box .left_box .head i{display: block; width:50%; padding-top: 70%; margin:0 auto;}
    .content_box .left_box .head dl{ width: 100%; margin-left: 0; }
    .right_box .icon_box ul li i,.right_box .icon_box>a i{ width:36px; height:36px; padding-top: 0; }
    .right_box .icon_box ul li span,.right_box .icon_box>a span{ font-size:12px; }
    .content_box .left_box .menu{ height: 40%; }
    .content_box .left_box .menu ul{ margin-top: 10px;}
    .content_box .left_box .menu ul li h2>img{display: none;}
}
/* .right_box .info_box{margin-top: 8px; height:calc(100% - 12% - 68px); overflow: hidden;}
.right_box .info_box .box{ width: calc(100% - 8px - 53% ); height:100%; float: left; 
    background:url(../images/rgba2.png); border-radius:10px; position: relative; overflow: hidden;
}
.right_box .info_box .box:first-child{ margin-right: 8px; width: 53%; }
.right_box .info_box .box .tit{ overflow: hidden; font-size: 16px; white-space: nowrap;}
.right_box .info_box .box .tit a{ color: #fff;display:inline-block;  background: url(../images/rgba3.png); 
    line-height:54px; width: 120px; text-align: center; vertical-align: middle; cursor: pointer;
}
.right_box .info_box .box .tit a.on{ font-weight: bold;background: none; }
.right_box .info_box .box .tit >div{display:inline-block; color: #fff; font-weight: bold; height:54px; vertical-align: middle;
     background: url(../images/rgba3.png); line-height:54px; width: calc(100% - 240px); overflow: hidden;
 }
 .right_box .info_box .box .tit >div span{ border-left: #999 solid 1px; padding-left: 25px; 
    display: inline-block; vertical-align: middle;line-height: 24px; margin-top: -4px; font-size:16px;
}
.right_box .info_box .box .tit >div ul{ display: inline-block; height:54px; overflow: hidden; vertical-align: middle;}
.right_box .info_box .box .tit >div li{font-weight: normal; font-size: 14px;height:54px; margin-top: -2px;}
.right_box .info_box .box .tit >div i{ font-weight:normal; font-style: normal; font-size: 14px; margin-left: 20px;}
.right_box .info_box .box .tit >div b{ color: #f00; }
.right_box .info_box .box .conbox{ height:calc(100% - 56px); } */
/* @media screen and (max-width:1366px){
    .right_box .info_box .box .tit a{ font-size: 14px; width: 90px;line-height:44px; }
    .right_box .info_box .box .tit >div{width: calc(100% - 180px);height:44px;line-height:44px;}
    .right_box .info_box .box .tit >div span{ font-size: 14px; }
    .right_box .info_box .box .tit >div li{ font-size: 12px; height:44px;}
    .right_box .info_box .box .tit >div ul{height:44px;}
    .right_box .info_box .box .conbox{ height:calc(100% - 46px); }

}
.right_box .info_box .box .con{ height:100%;}
.right_box .info_box .box .con h1{ text-align: center; font-size:24px; color: #fff; padding:50px 0 30px; }
.right_box .info_box .box .countbox{ height:calc(100% - 106px); margin:0 12% 0 6%;}
.right_box .info_box .box .count{ border-left:#fff solid 1px; border-bottom: #fff solid 1px; 
    height:calc(100% - 64px);position: relative;
} */
/* .right_box .info_box .box .count .y{position: absolute; top:-6px; left: -5px; color: #fff; font-size:14px;}
.right_box .info_box .box .count .x{position: absolute; bottom:-28px; right: -32px; color: #fff; font-size:14px;}
.right_box .info_box .box .count .x img{ display: block; margin:0 auto 7px; }
.right_box .info_box .box .num{overflow: hidden; width: 88%; margin:0 9.5% 0 2.5%; margin-top:10px;}
.right_box .info_box .box .num a{ color: #fff; font-size:14px; float: left; width: calc(100% / 11); text-align: center;}
.right_box .info_box .box .count ul{overflow: visible; width: 88%; margin:0 9.5% 0 2.5%; height:82%; 
    position: relative; position: absolute; bottom:0; 
}
.right_box .info_box .box .count ul li{ float: left;width: calc(100% / 11 - 3%); margin:0 1.5%; background: red; 
    position: absolute; bottom:0;  max-height:100%; 
    animation: h_line 1s forwards;
    -o-animation: h_line 1s forwards;
    -ms-animation: h_line 1s forwards;
    -moz-animation: h_line 1s forwards;
    -webkit-animation: h_line 1s forwards;
} */
/* .right_box .info_box .box .con{display: none;}
.right_box .info_box .box .conbox .con:first-child{display: block;}
.right_box .info_box .box .con ul li.y1{ left: 0; }
.right_box .info_box .box .con ul li.y2{ left: calc(100% / 11 * 1); }
.right_box .info_box .box .con ul li.y3{ left: calc(100% / 11 * 2); }
.right_box .info_box .box .con ul li.y6{ left: calc(100% / 11 * 3); }
.right_box .info_box .box .con ul li.y8{ left: calc(100% / 11 * 4); }
.right_box .info_box .box .con ul li.y10{ left: calc(100% / 11 * 5); }
.right_box .info_box .box .con ul li.y11{ left: calc(100% / 11 * 6); }
.right_box .info_box .box .con ul li.y12{ left: calc(100% / 11 * 7); }
.right_box .info_box .box .con ul li.y13{ left: calc(100% / 11 * 8); }
.right_box .info_box .box .con ul li.y16{ left: calc(100% / 11 * 9); }
.right_box .info_box .box .con ul li.y18{ right: 0; }
.right_box .info_box .box .con ul li.on img{position: absolute; bottom: 100%; right: 0; width: 70%;} */
@keyframes h_line{
    from{ height: 0; }
    to{ max-height:100%; }
}
@-o-keyframes h_line{
    from{ height: 0; }
    to{ max-height:100%; }
}
@-moz-keyframes h_line{
    from{ height: 0; }
    to{ max-height:100%; }
}
@-webkit-keyframes h_line{
    from{ height: 0; }
    to{ max-height:100%; }
}
/* 左上表格滚动条*/
    .el-table--scrollable-x .el-table__body-wrapper{
        height:100px;
    }
    .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar {/*滚动条整体样式*/
        width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 5px;
    }
    .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #535353;
    }
    .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #EDEDED;
    }
    /*左上表格*/
    .el-table{
        width: 98%;
        margin-left: 1%;
    }
    .el-table__header{
        width: auto!important;
    }
    .el-table__body{
        width: auto!important;
    }
    .el-table tbody el-table__row{
        width: 50%;
    }
    .el-table th, .el-table tr{
        background-color: #0c174a;
    }
    .el-table tbody tr:hover>td{
        background-color: #425461 !important;
    }
    .el-table th>.cell{
       font-size: 5px;
        text-align: center;
        color: white;
    }
    .el-table td, .el-table th{
        padding: 3px 3px;
        text-align: center;
    }
    .el-table .cell{
        padding: 0px;
        line-height: 13px;
        font-size: 10px;
        color: white;
    }
    .is-leaf{
        text-align: center;
    }
    /*左上标题*/
    .lefttop_font_div{
        text-align: center;
    }
    .lefttop_font{
        padding: 6px 0px;
        color: white;
    }

/* @media screen and (max-width:1366px){
    .right_box .info_box .box .con h1{ font-size:18px; padding: 30px 0 10px;}
    .right_box .info_box .box .countbox{ height:calc(100% - 60px); }
    .right_box .info_box .box .count{height:calc(100% - 44px);}
    .right_box .info_box .box .count .y{font-size:12px;}
    .right_box .info_box .box .count .x{font-size:12px; bottom:-22px;}
    .right_box .info_box .box .count .x img{ margin-bottom: 3px; }
    .right_box .info_box .box .num{ margin-top: 7px; }
    .right_box .info_box .box .num a{ font-size:12px; }
} */
/*排行榜*/
/* .right_box .info_box .honor .tit a{width: 160px;}
.right_box .info_box .honor .tit >div{width: calc(100% - 320px);}
.right_box .info_box .honor .con>div{overflow: hidden; margin-top: 20px;}
.right_box .info_box .honor .con>div ul{float: left; width: 66%; overflow: hidden;}
.right_box .info_box .honor .con>div ul li{margin:1% 5% 6%; white-space: nowrap;}
.right_box .info_box .honor .con>div ul li i{ display: inline-block; vertical-align: middle; width: 17%; padding-top: 17%; height: 0;
    border:#fff solid 2px; position: relative; border-radius:100%;overflow: hidden; background-color: #fff; z-index: 1;
}
.right_box .info_box .honor .con>div ul li i img{position: absolute; left: 0;top:0; width: 100%; margin-top: -5%; z-index: 0;}
.right_box .info_box .honor .con>div ul li dl{display: inline-block; vertical-align: middle; color: #fff;
    margin:0 10% 0 3%; width: 50%;
}
.right_box .info_box .honor .con>div ul li dt{ font-size:16px; font-weight: bold; margin-bottom: 6%; }
.right_box .info_box .honor .con>div ul li dd{ font-size:12px; line-height: 120%; white-space: pre-wrap;}
.right_box .info_box .honor .con>div ul li b{display: inline-block; vertical-align: middle; width: 11%;}
.right_box .info_box .honor .con>div ul li b img{display: block; width: 100%;}
.right_box .info_box .honor .con>div>dl{float: left; width: 16%; color: #fff; text-align: center; font-size:16px; 
    font-weight: bold; overflow: hidden; 
}
.right_box .info_box .honor .con>div>dl dd{ line-height:180%; margin:20% 0 64%;}
.right_box .info_box .honor .con p{ color: #fff; font-size:16px; font-weight: bold; margin-left: 3.6%; }
@media screen and (max-width:1366px){
    .right_box .info_box .honor .tit a{ width: 120px; }
    .right_box .info_box .honor .tit >div{width: calc(100% - 240px);}
    .right_box .info_box .honor .con>div ul li dt{font-size:14px;}
    .right_box .info_box .honor .con>div>dl{ width: 34%; font-size: 14px;}
    .right_box .info_box .honor .con>div>dl dd{ line-height:360%; margin:5% 0 10%;}
    .right_box .info_box .honor .con p{ font-size:14px; }
}
@media screen and (max-width:1200px){
    .right_box .info_box .honor .con>div>dl dd{ line-height:360%; margin:5% 0 5%;}
}
@media screen and (max-width:1000px){
    .right_box .info_box .honor .con>div>dl dd{ line-height:360%; margin:0;}
} */
